<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
 <%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<div id="toolbar">
	<div class="row">
		<div class="col-md-3">
			<div class="input-group">
				<span class="input-group-addon">开始时间：</span> <input id="stratTime" type="date"
					class="form-control">
			</div>
		</div>
		<div class="col-md-3">
			<div class="input-group">
				<span class="input-group-addon">截止时间：</span> <input id="endTime" type="date"
					class="form-control">
			</div>
		</div>
		<div class="col-md-3">
			<div class="input-group">
				<span class="input-group-addon">类型：</span> <select id="articletype" type="text"
					class="form-control">
						<option value="">类型1</option>
						<option value="">类型2</option>
						<option value="">类型3</option>
						<option value="">类型4</option>
					</select>
			</div>
		</div>
		
<div class="col-md-3">
			<a  class="btn btn-primary" onclick="searchArticle()" >查询</a>
			<a  class="btn btn-success" href="<c:url value="/article/addOrUpdateArticlePage"/>">新增</a>
		</div>
	</div>
</div>
<table id="table"></table>

<script type="text/javascript">
$(function () {
	 
    //1.初始化Table
    var oTable = new TableInit();
    oTable.Init();

    //2.初始化Button的点击事件
    /* var oButtonInit = new ButtonInit();
    oButtonInit.Init(); */

});


var TableInit = function () {
    var oTableInit = new Object();
    //初始化Table
    oTableInit.Init = function () {
        $('#table').bootstrapTable({
            url: '<c:url value="/article/queryList"/>',         //请求后台的URL（*）
            method: 'post',                      //请求方式（*）
            toolbar: '#toolbar',                //工具按钮用哪个容器
            striped: true,                      //是否显示行间隔色
            cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
            pagination: true,                   //是否显示分页（*）
            sortable: false,                     //是否启用排序
            sortOrder: "asc",                   //排序方式
            queryParams: oTableInit.queryParams,//传递参数（*）
            sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
            pageNumber : 1 ,                       //初始化加载第一页，默认第一页
            pageSize: 10,                       //每页的记录行数（*）
            pageList: [10,25,50,100],        //可供选择的每页的行数（*）
            strictSearch: true,
            clickToSelect: true,                //是否启用点击选中行
            //height: 460,                        //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
            uniqueId: "id",                     //每一行的唯一标识，一般为主键列
            cardView: false,                    //是否显示详细视图
            detailView: false,                   //是否显示父子表
            columns: [{
            	field: 'Number',
                title: '序号',
                formatter: function (value, row, index) {
                    return index+1;
                }
            }, {
                field: 'article_name',
                title: '文章名称'
            }, {
                field: 'created_at',
                title: '创建时间'
            },  {
                field: 'updated_at',
                title: '更新时间'
            },  {
                field: 'is_publish',
                title: '是否发布',
                formatter: function (value, row, index) {
                	if(value == 0){
                		return "未发布";
                	}
                    return '<span style="color:green">发布</span>';
                }
            }, {
                field: 'article_type',
                title: '文章类型'
            },  {
                field: 'op',
                title: '操作',
                formatter: function (value, row, index) {
                	var button_publish = '<a href="javascript:publishArticle(\''+row.article_id+'\')">发布</a>';
                	var button_update = '<a href="<c:url value="/article/addOrUpdateArticlePage?article_id="/>'+row.article_id+'" target="_blank">修改</a>';
                	var button_delete = '<a>删除</a>';
                    return button_publish+"&nbsp;&nbsp;"+button_update+"&nbsp;&nbsp;"+button_delete;
                }
            }]
        });
    };

    //得到查询的参数
  oTableInit.queryParams = function (params) {
        var temp = {   //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
            limit: params.limit,   //页面大小
            offset: params.offset,  //页码
            sdate: $("#stratTime").val(),
            edate: $("#endTime").val(),
            type: $("#articletype").val()
        };
        return temp;
    };
    return oTableInit;
};

function searchArticle(){
	$('#table').bootstrapTable("refresh");
}

function publishArticle(id){
	$.ajax({
		type : 'post',
		url : "<c:url value='/article/publishArticle'/>",
		data : {
			article_id : id
		},
		dataType:'json', 
		success : function(data) {
			if(data.code == 100){
				alert('失败！');
			}else{
				$('#table').bootstrapTable("refresh");
				alert('成功！');
			}
			
		}
	});
}
</script>